{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>运维平台</title>
        <link rel="stylesheet" href="{% static 'css/buttons.css' %}">
        <link rel="stylesheet" href="{% static 'css/layui.css' %}">

        <style>
            ::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性
            background-color:#f8f8f8;
            }
            ::-webkit-scrollbar {//滚动条的宽度
            width:9px;
            height:9px;
            }
            ::-webkit-scrollbar-thumb {//滚动条的设置
            background-color:#dddddd;
            background-clip:padding-box;
            min-height:28px;
            }
            ::-webkit-scrollbar-thumb:hover {
            background-color:#bbb;
            }
        </style>
    </head>
    <body>
    <link rel="stylesheet" href="{% static 'css/audit.css' %}">
        <div id="public_div" class="public_div">
            <div class="ma-top">
                <div class="ma-top-left">
                    <fieldset class="layui-elem-field layui-field-title">
                      <legend>流程发起</legend>
                    </fieldset>
                    <div class="">
                        <form id="formadd_pro" name="formadd_pro" class="layui-form layui-form-pane">
                            <div style="width: 49%;float: left;height: auto;">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 30%;">执行人</label>
                                    <div class="layui-input-inline" style="width: 70%;margin-right: -9px;">
                                        <div class="layui-input layui-input-div" style="padding-left:0; width: 100%;"><span id="work_name" class="input-div-span">产品经理</span></div>
                                    </div>
                                </div>
                            </div>
                            <div style="overflow: hidden;height: auto;">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 30%;">发起人</label>
                                    <div class="layui-input-inline" style="width: 70%;margin-right: -9px;">
                                        <input id="originator" type="text" name="originator" required lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input" style="width: 100%;">
                                    </div>
                                </div>
                            </div>
                            <div id="equipment_sel_dev" class="layui-form-item">
                                <label class="layui-form-label" style="width: 18%;">项目选择</label>
                                <div id="equipment_sel" class="layui-input-inline" style="width: 66%; clear: none">
                                    <select id="interest" name="interest" lay-filter="aihao"  lay-search>
                                        <option value=""></option>
                                    </select>
                                </div>
                                <div class="layui-input-inline" style="margin-left: 0; width: 60px;float: right; ">
                                    <button id="equipment_add" type="button" class="layui-btn" >添加</button>
                                </div>
                            </div>
                            <div id="describe_div" class="layui-form-item layui-form-text layui-hide">
                                <label class="layui-form-label">完成描述</label>
                                <div class="layui-input-block">
                                    <textarea name="describe" placeholder="请输入内容" class="layui-textarea"></textarea>
                                </div>
                              </div>
                            <div class="layui-form-item">
                                <div class="layui-input-inline" style="width: 100%; margin-right: -9px; clear: none">
                                    <div id="reviewerlist" style="margin: 0 auto; width: 470px;">
                                        <input type="checkbox" name="reviewerOne" title="产品" checked disabled>
                                        <input type="checkbox" name="reviewerTwo" title="研发" disabled>
                                        <input type="checkbox" name="reviewerThree" title="测试" disabled>
                                        <input type="checkbox" name="reviewerFour" title="主管" disabled>
                                        <input type="checkbox" name="reviewerFive" title="代码" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position: relative">
                                <div id="form_button" style="margin: 0 auto; max-width: 60px;">
                                    <div id="initiate_l" class="layui-input-inline" style="width: auto;">
                                        <button id="initiate_l" type="button" class="layui-btn layui-btn-radius layui-btn-danger" lay-submit lay-filter="initiate_l">发起</button>
                                    </div>
                                    <div class="layui-input-inline">
                                        <button id="initiate_t" type="button" class="layui-btn layui-btn-radius layui-btn-danger layui-hide" lay-submit lay-filter="initiate_t">提交</button>
                                    </div>
                                    <div class="layui-input-inline">
                                        <button id="initiate_d" type="button" class="layui-btn layui-btn-radius layui-btn-danger layui-hide" lay-submit lay-filter="initiate_d">通过</button>
                                    </div>
                                    <div class="layui-input-inline">
                                        <button id="initiate_b" type="button" class="layui-btn layui-btn-radius layui-btn-warm layui-hide">构建</button>
                                    </div>
                                    <div class="layui-input-inline">
                                        <button id="initiate_c" type="button" class="layui-btn layui-btn-radius layui-btn-warm layui-hide"  lay-submit lay-filter="initiate_c">完成</button>
                                    </div>
                                    <div class="layui-input-inline layui-hide">
                                        <button id="initiate_r" type="reset" class="layui-btn layui-btn-radius layui-btn-warm" lay-submit lay-filter="initiate_r">清空</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="ma-top-right">
                    <fieldset class="layui-elem-field layui-field-title">
                      <legend>项目列表</legend>
                    </fieldset>
                    <form id="formadd_pro_list" name="formadd_pro_list" class="layui-form layui-form-pane">
                        <div id="view" class="layui-collapse" lay-filter="test">
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-inline" >
                                <button id="project_t" type="button" class="layui-btn layui-hide" lay-submit lay-filter="project_t">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="ma-bottom-down">
                    <a href="#" class="button button-glow button-border button-rounded button-highlight button-down">关闭</a>
                </div>
            </div>
            <div class="ma-bottom">
                <div style="position: relative;">
                    <div class="ma-bottom-ops">
                        <a href="#" class="button button-glow button-border button-rounded button-caution button-ma"><span>发起流程</span></a>
                    </div>
                </div>

                <div id="" class="ma-bottom-new">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>待审核</legend>
                        <div class="layui-field-box" style="position: relative;width: 100%;">
                            <div style="height: auto; position: absolute; width: 100%;">
                                <table id="audit_table_new" lay-filter="audit_table_new"></table>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <div id="" class="ma-bottom-old">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>执行中</legend>
                        <div class="layui-field-box" style="position: relative;width: 100%;">
                            <div style="height: auto; position: absolute; width: 100%;">
                                <table id="audit_table_old" lay-filter="audit_table_old"></table>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>

        <div id="" class=""></div>
        <div id="" class=""></div>
        <script id="demo" type="text/html">
            {% verbatim myblock %}
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title" ondblclick="colldbclick(this)" onclick="copyText(this)">{{ d.title }}<i class="layui-icon layui-colla-icon"></i></h2>
                    <div class="layui-colla-content">
                        <div style="width: 49%;float: left;height: auto;">
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="width: 30%;">板块</label>
                                <div class="layui-input-inline" style="width: 70%;margin-right: -9px;">
                                    <input id="{{ d.ionename }}" type="text" name="{{ d.ionename }}" placeholder="请输入" autocomplete="off" class="layui-input layui-my-sel" style="width: 100%;">
                                </div>
                            </div>
                        </div>
                        <div style="overflow: hidden;height: auto;">
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="width: 30%;">负责人</label>
                                <div class="layui-input-inline" style="width: 70%;margin-right: -9px;">
                                    <input id="{{ d.itwoname }}" type="text" name="{{ d.itwoname }}" placeholder="请输入" autocomplete="off" class="layui-input layui-my-sel" style="width: 100%;">
                                </div>
                            </div>
                        </div>
                        <div style="width: 49%;float: left;height: auto;">
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">部署说明</label>
                                <div class="layui-input-block">
                                    <textarea id="{{ d.tonename }}" name="{{ d.tonename }}" placeholder="请输入内容" class="layui-textarea layui-my-sel" style="resize: none;"></textarea>
                                </div>
                            </div>
                        </div>
                        <div style="overflow: hidden;height: auto;">
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">更新日志</label>
                                <div class="layui-input-block">
                                    <textarea id="{{ d.ttwoname }}" name="{{ d.ttwoname }}" placeholder="请输入内容" class="layui-textarea layui-my-sel" style="resize: none;"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endverbatim myblock %}
        </script>
        <script type="text/javascript">
            var rule_level = {{ rule_level|safe }};
            var aduit_my = {{ aduit_my|safe }};
            var aduit_on = {{ aduit_on|safe }};
            var rule_data = {{ rule_data|safe }};
            var item_data = {{ item_data|safe }};
        </script>
        <script type="text/html" id="newDemo">
            {% verbatim myblock %}
                {{#  if(d.process == rule_level){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="deal_with">处理</a>
                    {{#  if(d.process != 1){ }}
                        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="rejected">驳回</a>
                    {{#  } }}
                    {{#  if(d.dismiss_role != 0){ }}
                        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="rejectedcheck">驳回查看</a>
                    {{#  } }}
                    {{#  if(rule_level == 1){ }}
                        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="invalid">作废</a>
                    {{#  } }}
                {{#  } else { }}
                    <a class="layui-btn layui-btn-xs" lay-event="check">查看</a>
                    {{#  if(rule_level == 1){ }}
                        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="invalid">作废</a>
                    {{#  } }}
                {{#  } }}
            {% endverbatim myblock %}
        </script>
        <script src="{% static 'layui.all.js' %}"></script>
        <script src="{% static 'js/audit/my_audit.js' %}"></script>
    </body>
</html>